<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>引入方式</title>
    <!--  第一步，导包-->
    <script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
    <script>
        window.onload=function (){
            document.getElementById("btn1").onclick=function (){
                console.log("这是一个动态绑定事件")
            }
        }

        $(document).ready(function (){
            $("#btn2").click(function (){
                console.log("这是通过jquery绑定事件")
            })
        })

        $("#btn3").on("click",function(){
            console.log("这是通过jquery函数绑定的事件")
        })

        $(function () {
            $("#btn").click(function () {
                console.log("这是精简版通过jquery函数绑定事件")
            })
        })
    </script>
</head>
<body>
<button id="btn1">DOM方法</button><br>
<button id="btn2">jquery绑定</button><br>
<button id="btn3">jquery绑定精简</button><br>
<button id="btn">更精简</button><br>
</body>
</html>